<!DOCTYPE html>

<html lang="ja">

<head>
  <meta charset="utf-8" />
  <title>lunchbox - order</title>
  <link rel="shortcut icon" href="/favicon.ico" />
  <style><%-css%></style>
  <style><%-css2%></style>

</head>

<body>

  <div id="wrap">

<%- header%>

    <div id="content">

<%- sidebar%>

      <div id="main">

        <div class="shopOrder_FStr">精算・請求</div>
  
        <table id="controlAre">
          <tbody>
          <tr>
            <td><div class="shopOrder_btn"><%-(nowDate.substring(4,6))*1 %>月分の社員別請求書を印刷</div></td>
            <td><div class="shopOrder_btn">請求通知メールを送信</div></td>
          </tr>
          </tbody>
        </table>
  
  <br />
  
        <div class="shopOrder_FStr">社員別請求金額一覧</div>
  
        <table id="controlAre">
          <tbody>
          <tr>
            <td><div class="shopOrder_btn">社員別請求金額一覧を印刷</div></td>
          </tr>
          </tbody>
        </table>
  
  <br />
  
        <table id="viewAre1">
          <tbody>
          <tr>
            <td><div class="shopOrder_FStr"><%-(nowDate.substring(0,4))*1 %>年<%-(nowDate.substring(4,6))*1 %>月(予定)</div></td>
          </tr>
          <tr>
          </tr>
          </tbody>
        </table>

  <br />

        <table id="viewAre2" style="border:1px #bbb solid; border-collapse:collapse;">
          <tbody>
          <tr>
            <td style="background-color:#eee; border:1px #bbb solid; padding:3px 10px;"><div  style="text-align:left;">社員名</div></td>
            <td style="background-color:#eee; border:1px #bbb solid; padding:3px 10px;"><div  style="text-align:left;">総額</div></td>
            <td style="background-color:#eee; border:1px #bbb solid; padding:3px 10px;"><div  style="text-align:left;">支払済金額</div></td>
            <td style="background-color:#eee; border:1px #bbb solid; padding:3px 10px;"><div  style="text-align:left;">未払金額</div></td>
            <td style="background-color:#eee; border:1px #bbb solid; padding:3px 10px;"><div  style="text-align:left;">支払方法</div></td>
          </tr>
  
          <% for (var i=0;i<summaryData.length;i++) { %>
            <tr>
              <td style="border:1px #bbb solid; padding:3px 10px;"><div style="text-align:left;"><%-summaryData[i].name %></div></td>
              <td style="border:1px #bbb solid; padding:3px 10px;"><div style="text-align:right;"><%-summaryData[i].sumViw %>円</div></td>
              <td style="border:1px #bbb solid; padding:3px 10px;"><div style="text-align:right;">0円</div></td>
              <td style="border:1px #bbb solid; padding:3px 10px;"><div style="text-align:right;"><%-summaryData[i].sumViw %>円</div></td>
              <td style="border:1px #bbb solid; padding:3px 10px;"><div style="text-align:left;">●現金　○口座引落し</div></td>
            </tr>
          <% } %>

          </tbody>
        </table>
  
      </div>

    </div>

    <footer>
      <p>&copy; 2014 Sorimachi, Inc.</p>
    </footer>

  </div>

</body>

</html>
